<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>商城</title>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="./fonts/font_tabbar/iconfont.css"/>
    <link rel="stylesheet" href="./css/public.css?v=20181211"/>
    <link rel="stylesheet" href="css/index.css?v=20181211"/>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script src='./js/jquery-3.2.1.min.js'></script>
    <script src="./js/mui.min.js"></script>
    <script src="./js/art-template.js"></script>
    <script src="./js/config.js?v=20181211"></script>
    <style>
        /*.mui-control-content {*/
        /*height: 550px;*/
        /*}*/
    </style>
</head>

<body>
<!--下拉刷新容器 mui-scroll-wrapper  id="refreshContainer"-->
<div class='mui-content'>
    <!--文字滚动-->
    <div class='city-header' id="notice">

    </div>
    <!--轮播图-->
    <div class="mui-slider" style="height: 150px">
        <div class="mui-slider-group mui-slider-loop" id="sliders">
        </div>
    </div>
    <!--固定选项卡-->
    <div id='segmentedControl' class='mui-slider-indicator  mui-segmented-control'>
        <a href="#item1" class='mui-control-item mui-active' data="1">桶装水</a>
        <a href="#item1" class='mui-control-item' data="3">瓶装水</a>
        <a href="#item1" class='mui-control-item' data="5">其他</a>
    </div>
    <div id="item1" class="mui-control-content mui-active">
        <div id="scroll" class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell" id="fenye_list" style="background: #fff">
                        <!--<div style="align-content: center">空空如也</div>-->
                    </li>
                </ul>
            </div>
        </div>
    </div>
<div class='goods-carts'>
    <div class='left'>
        <p class='left-p' id="gds_num">0</p>
        <img src="./image/cart3.png" alt="" class='left-img' width="35" height="35"/>
    </div>
    <p class='right'><a href="javascript:redirect('cart.html')" style="color: white;">去结算</a></p>
</div>
<!--tabbar-->
<nav class='mui-bar mui-bar-tab'>
    <a href="javascript:redirect('take-water.html')" class="mui-tab-item">
        <span class='mui-icon'><i class=" iconfont icon-shuidi"></i></span>
        <span class='mui-tab-label'>订水</span>
    </a>
    <a href="javascript:redirect('index.html');" class="mui-tab-item  mui-active">
        <span class='mui-icon'><i class=" iconfont icon-shangcheng"></i></span>
        <span class='mui-tab-label'>商城</span>
    </a>
    <a href="javascript:redirect('water-ticket.html');" class="mui-tab-item">
        <span class='mui-icon'><i class=" iconfont icon-piaofang"></i></span>
        <span class='mui-tab-label'>水票</span>
    </a>
    <a href="javascript:redirect('member.html');" class="mui-tab-item">
        <span class='mui-icon'><i class=" iconfont icon-wo"></i></span>
        <span class='mui-tab-label'>我的</span>
    </a>
</nav>
</div>
<!-- 提示信息 -->
<script type="text/html" id="notice_data">
    {{if $data[0] == 1}}
    <img class='laba' src="./image/laba(1).png" alt=""/>
    <marquee id="marquee" direction="left" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="100%"
             height="25">
        {{$data[1]}}
    </marquee>
    {{/if}}
</script>
<!-- 轮播图 -->
<script type="text/html" id="slider_list_data">
    <div class="mui-slider-item mui-slider-item-duplicate">
        <a href="#">
            <img src="{{sliders[$imports.slider_nums]}}" width="100%" height="150px" class="img_slider" />
        </a>
    </div>
    {{each sliders}}
    <div class="mui-slider-item">
        <a href="#">
            <img src="{{$value}}" width="100%" height="150px" class="img_slider" />
        </a>
    </div>
    {{/each}}
    <div class="mui-slider-item mui-slider-item-duplicate">
        <a href="#">
            <img src="{{sliders[0]}}" width="100%" height="150px" class="img_slider" />
        </a>
    </div>
</script>
<!-- 商品列表 -->
<script type="text/html" id="fenye_list_data">
    {{each data goods}}
    <div class='good-contanier'>
        <img src="{{goods.goods_img}}" max-width="100" height="100" class='goods-img' alt=""/>
        <div class='good-detail'>
            <p class='goods-title'>{{goods.goods_name}}</p>
            <p class="goods-price" data="{{goods.goods_price}}" style="color:red;">￥{{goods.goods_price}}</p>
        </div>
        <div style="width:20%;text-align: center;">
            <button class='cacu-btn' data="{{goods.id}}">+</button>
        </div>
    </div>
    {{/each}}
</script>
<script src='./js/commen.js?v=20181211'></script>
<script src="js/index.js?v=20181211"></script>
<!--mui-content-->


</body>

</html>
